.preview-container {
    width: 100%;
    height: 562.5px;
    overflow: hidden;
    position: relative;
}

.preview-container img,
.preview-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 新增样式，用于定位右下角的视频框 */
  #localVideo {
    position: fixed;
    bottom: 10px; /* 调整了距离底部的距离 */
    right: 10px;  /* 调整了距离右侧的距离 */
    width: 200px;
    height: 150px;
    z-index: 1; /* 添加 z-index，确保视频流在其他元素之上，但不遮挡报警信息 */
}

/* 保存按钮样式 - 优化版 */
.save-button {
    position: relative;
    bottom: 10px;
    left: 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

    /* 不可用状态 (默认) */
    background-color: #e0e0e0;
    color: #707070;
    cursor: not-allowed;
    opacity: 0.8;
    transform: translateY(0);
}

/* 可用状态 */
.save-button.enabled {
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
    opacity: 1;

    /* 悬停效果 */
    &:hover {
        background-color: #45a049;
        box-shadow: 0 4px 6px rgba(0,0,0,0.15);
        transform: translateY(-1px);
    }

    /* 点击效果 */
    &:active {
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        transform: translateY(0);
    }
}
 /* 新增进度条样式 */
.progress {
    width: 0%;
    height: 30px;
    background-color: #4caf50;
    text-align: center;
    line-height: 30px;
    color: white;
    transition: width 0.5s ease;
}
      /* 新增进度条容器样式 */
.progress-container {
    margin-bottom: 10px;
}

/* 新增进度条名字样式 */
.progress-name {
    margin-bottom: 5px;
    font-weight: bold;
}

/* 新增报警信息样式 */
.alarm-info {
    margin-top: 10px;
    padding: 10px;
    border-radius: 4px;
    max-height: 200px; /* 设置最大高度 */
    overflow-y: auto; /* 显示垂直滚动条 */
    position: relative;
    z-index: 2;
    width: 300px; /* 调整报警信息宽度 */
}

.alarm-info.fire {
    background-color: #ff000033;
    color: red;
}

.alarm-info.smoke {
    background-color: #88888833;
    color: gray;
}
.fixed-size-container {
  width: 800px; /* 固定宽度 */
  height: 450px; /* 固定高度 */
}